<template>
	<div class="page-betting">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Giao dịch" left-arrow
			@click-left="onClickLeft"></van-nav-bar>
		<div class="bet-record-list">
			<div class="bet-record-selector-wp">
				<div class="day-selector-wp" @click="dayshow = true"> 7 ngày gần đây <span
						class="iconfont icon-icon_drop_down_solid"></span></div>
				<div class="lottery-selector-wp" @click="wpshow = true"> Toàn bộ <span
						class="iconfont icon-icon_drop_down_solid"></span></div>
			</div>
			<div class="list-wp ">
				<div class="list-item" style="pointer-events: auto;">
					<div class="summary-wp">
						<div class="info-wp">
							<div class="lottery-name"><span  class="method">Chi ra</span>&nbsp;&nbsp; <span class="formatted">Trừ tiền cược</span></div>
							<div class="serial_no"><span  class="serial"> Mã giao dịch: 1636618504bQYc6K171</span></div>
						</div>
						<div class="amountBox">
							<div class="amount">27,000</div>
							<div class="time">2021-11-11 15:15:04</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 弹窗 -->
		<!---->
		<van-overlay :show="dayshow">
			<div class="overlay-wrapper">
				<div class="title"> Chọn thời gian <span @click="dayshow = false"
						class="overlay-xbtn iconfont icon-icon_close_white"></span></div>
				<div class="panel">
					<van-radio-group v-model="dayradio">
						<van-radio class="panel-item" name="1" checked-color="#e9cfa4">Hôm nay</van-radio>
						<van-radio class="panel-item" name="2" checked-color="#e9cfa4">Hôm qua</van-radio>
						<van-radio class="panel-item" name="3" checked-color="#e9cfa4">7 ngày gần đây</van-radio>
						<van-radio class="panel-item" name="4" checked-color="#e9cfa4">30 ngày gần đây</van-radio>
					</van-radio-group>
				</div>
			</div>
		</van-overlay>
		<van-overlay :show="wpshow">
			<div class="overlay-wrapper">
				<div class="title"> Chọn thời gian <span @click="wpshow = false"
						class="overlay-xbtn iconfont icon-icon_close_white"></span></div>
				<div class="panel">
					<van-radio-group v-model="wpradio">
						<van-radio class="panel-item" name="1" checked-color="#e9cfa4">Toàn bộ</van-radio>
						<van-radio class="panel-item" name="2" checked-color="#e9cfa4">Khánh Hoà</van-radio>
						<van-radio class="panel-item" name="3" checked-color="#e9cfa4">Gia Lai</van-radio>
						<van-radio class="panel-item" name="4" checked-color="#e9cfa4">Bình Định</van-radio>
						<van-radio class="panel-item" name="5" checked-color="#e9cfa4">Đắk Lắk</van-radio>
						<van-radio class="panel-item" name="6" checked-color="#e9cfa4">Đắk Nông</van-radio>
						<van-radio class="panel-item" name="7" checked-color="#e9cfa4">Miền Bắc</van-radio>
						<van-radio class="panel-item" name="8" checked-color="#e9cfa4">Hồ Chí Minh VIP</van-radio>
						<van-radio class="panel-item" name="9" checked-color="#e9cfa4">Hà Nội VIP</van-radio>
						<van-radio class="panel-item" name="10" checked-color="#e9cfa4">Mega 6/45 1 Phút</van-radio>
						<van-radio class="panel-item" name="11" checked-color="#e9cfa4">Miền Bắc VIP 5 phút</van-radio>
					</van-radio-group>
				</div>
			</div>
		</van-overlay>

	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				active: 0,
				dayshow: false,
				wpshow: false,
				dayradio: '',
				wpradio: '',
				// tab
				curA: 0,
				tabsA: ['Xổ số', 'JDB', 'AE', 'BBIN', 'MG'],
			}
		},
		methods: {

			onTabA(e) {
				this.curA = e
			},
			onClickLeft() {
				this.$router.go(-1)
			}
		}
	}
</script>
<style>
</style>
